<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <style>
            .box1 {
                font-size: 50px;
                font-family: 微软雅黑;

                /*
					        text-decoration 设置文本修饰
                      可选值:
                        none 什么都没有
                        underline 下划线
                        line-through 删除线
                        overline 上划线

			          */
                text-decoration: line-through red dotted;
            }

            .box2 {
                width: 200px;
                /* 
                white-space 设置网页如何处理空白
                    可选值:
                      normal 正常
                      nowrap 不换行
                      pre    保留空白(怎么写就怎么显示,所有空白都会保留)
                */
                white-space: nowrap;
                overflow: hidden;
                /* 溢出的内容设置省略号 */
                text-overflow: ellipsis;
            }
        </style>
        <title>Document</title>
    </head>
    <body>
        <div class="box2">
            Lorem ipsum dolor sit amet consectetur, adipisicing elit. Porro
            labore saepe adipisci in, incidunt eius? Eum cumque mollitia aliquid
            cum aperiam. Unde dicta, tempore similique rerum neque rem alias
            recusandae. aa aa aa
        </div>
        <div class="box1">今天天气真不错!</div>
    </body>
</html>
